*{
    margin: 0;
	position: 0;
}
.warp{
	width: 678px;
	height: 525px;
	margin: 0 auto;
	background: orange;
}
.warp div{
	width: 55px;
	height: 55px;
	background: yellow;
	border-radius: 50%;
	float: left;
	margin: 0 2px;
	text-align: center;
	line-height: 55px;
}
.warp div:nth-child(22n+12){
	margin-left: 31px;
}
.warp div:nth-child(n+12){
	margin-top: -8px;
}
.warp div:nth-child(61){
	background: blue;
}

